<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Book store</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>

	<div class="container" style="margin:20px auto">
		<div class="content">
        	<div class="header">
	            <div class="stats">
				    <p class="stat">
				    	<span class="number">
				    		<a href="#"><i class="icon-signin"></i> 注册</a>
				    	</span>
				    </p>
				    <p class="stat">
				    	<span class="number">
				    		<a href="#"><i class="icon-user"></i> 登录</a>	
				    	</span>
				    </p>
				    <p class="stat">
				    	<span class="number">
				    		<a href="#"><i class="icon-shopping-cart"></i> 购物车</a>
				    	</span>
				    </p>
				    <p class="stat">
				    	<span class="number">
				    		<a href="#"><i class="icon-home"></i> 首页</a>
				    	</span>
				    </p>
				</div>
				<h1 class="page-title"><i class="icon-github"></i>BookStore</h1>
	        </div>
        	<!-- head end-->
        	<div class="container-fluid">
        		<div class="row-fluid">
	        		<div class="span9 block">
	        			<p class="block-heading">
	        				<i class="icon-list"></i>
	        				商品列表
	        			</p>
	        			<div class="block-body">
	        				<div class="search-well">
				                <form class="form-inline">
				                    <input class="input-xlarge" placeholder="请输入关键字" type="text">
				                    <button class="btn" type="button">Go</button>
				                </form>
				            </div>

				            <table class="table list">
				            	<tbody>
				            		<tr>
				            			<td width="130"><img src="img/b1.jpg" alt="" class=""></td>
				            			<td>
				            				<strong><a href="product.html">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						            	</td>
				            		</tr>
				            		<tr>
				            			<td width="130"><img src="img/b2.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						            	</td>
				            		</tr>
				            		<tr>
				            			<td width="130"><img src="img/b3.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						            	</td>
				            		</tr>
				            		<tr>
				            			<td width="130"><img src="img/b4.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						            	</td>
				            		</tr>
				            		<tr>
				            			<td width="130"><img src="img/b5.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						            	</td>
				            		</tr>
				            	</tbody>
				            </table>
							
							<div class="pagination pull-right">
							  <ul>
							    <li><a href="#">首页</a></li>
							    <li><a href="#">上一页</a></li>
							    <li><a href="#">下一页</a></li>
							    <li><a href="#">尾页</a></li>
							  </ul>
							</div>

	        			</div>
	        		</div>
	        		<div class="span3">
	        			 <div class=" block">
				        	<p class="block-heading"><i class="icon-paper-clip"></i> 图书分类</p>
					        <div class="block-body">
					           <ul>
					           	<li><a href="#">Web开发</a></li>
					           	<li><a href="#">数据库维护</a></li>
					           	<li><a href="#">网络与通信</a></li>
					           	<li><a href="#">编程语言</a></li>
					           	<li><a href="#">IT服务管理</a></li>
					           	<li><a href="#">Web开发</a></li>
					           	<li><a href="#">数据库维护</a></li>
					           	<li><a href="#">网络与通信</a></li>
					           	<li><a href="#">编程语言</a></li>
					           	<li><a href="#">IT服务管理</a></li>
					           </ul>
					        </div>
				        </div>

				        <div class=" block">
				        	<p class="block-heading"><i class="icon-tasks"></i> 销售排行榜</p>
					        <div class="block-body">
					            <table class="table list">
	             					<tbody>
	             						<tr>
	             							<td><a href="#">
	             								<span class="badge badge-important">1</span>
	             								数学之美</a></td>
	             						</tr>
	             						<tr>
	             							<td><a href="#">
	             								<span class="badge badge-important">2</span>
	             								Head First Java</a></td>
	             						</tr>
	             						<tr>
	             							<td><a href="#">
	             								<span class="badge badge-important">3</span>
	             								C++ Primer中文版</a></td>
	             						</tr>
	             					</tbody>
	            				</table>
					        </div>
				        </div>
	        		</div>
	        	</div>
	        	 <footer>
                    <hr>
                    <p>© 2012 <a href="http://www.kaishengit.com" target="_blank">凯盛软件</a></p>
                </footer>
        	</div>
        	
        	
    	</div>
	</div>
	
</body>
</html>